<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../dist/css/reset.css">
    <link rel="stylesheet" href="../dist/css/gwc.css">
    <link rel="stylesheet" href="../dist/font/iconfont.css">
    <script src="./libs/jquery.js"></script>
    <style>
        .scsj {
            cursor: pointer;
        }

        .scsj:hover {
            background-color: gray;
        }
    </style>

</head>

<body>
    <!-- 复制来的头部 -->
    <div class="headd">
        <div class="banzhong">
            <div class="headdl">
                <a href="" class="iconfont sj"
                    style="width: 108px;height: 29.6px;font-size: 12px;margin-top: 2px; ">&#xe694;手机版</a>
                <i>丨</i>
                <a href="" class="sj" style="width: 108px;height: 29.6px;font-size: 12px;">Q币充值</a>
            </div>
            <div class="headdr">
                <div class="opop">
                    <div href="" class="headdr1" id="headdr1"
                        style="width: 108px;height: 29.6px;font-size: 12px; line-height: 29.6px;display: block;">
                        <span>你还未登录请</span> <a href="denglu.html" style="color: #666;">登录</a> </div>
                    <div href="" class="headdr1" id="headdr2"
                        style="width: 108px;height: 29.6px;font-size: 12px; line-height: 29.6px;display: none;"><span
                            style="float: left; display: block;height: 29px; width: 70px;white-space:nowrap;overflow: hidden;text-overflow : ellipsis;">欢迎1768232483</span><em
                            class="tcgn" style="color: #666;float: left;margin-left: 10px;">退出</em> </div>
                    <i>丨</i>
                    <a href="" class="sj" style="width: 108px;height: 29.6px;font-size: 12px;">我的订单</a>
                    <i>丨</i>
                    <a href="" class="iconfont sj" style="width: 108px;height: 29.6px;font-size: 12px;">个人中心</a>
                    <i>丨</i>
                    <a href="" class="sj" style="width: 108px;height: 29.6px;font-size: 12px;">帮助中心</a>
                    <i>丨</i>
                    <a href="" class="sj" style="width: 108px;height: 29.6px;font-size: 12px;">游戏导航</a>
                </div>

            </div>
        </div>
    </div>
    <div class="head">
        <div class="headbz">
            <img src="../dist/images/images/newdjc_03.png" alt="" class="hbzl">
            <div class="sskb">
                <input type="text" value="输入道具进行搜索" attr_default="输入道具进行搜索" class="ssk">
                <a href="">
                    <div class="an" style="width: 49px;height: 51px;"></div>
                </a>
            </div>
            <img src="../dist/images/images/yxlm_06.png" alt="" class="hbzr">

        </div>

    </div>

    <div class="lib">
        <div class="zzz">
            <ul>
                <a href="daojucheng.html" target="blank">
                    <li>首页</li>
                </a>
                <a href="shangpinye.html" target="blank">
                    <li>商品列表</li>
                </a>
                <li>活动专区</li>
                <li>限时折扣</li>
                <li>聚豆乐园</li>
                <li>周边商城</li>
                <li>个人中心</li>
            </ul>
            <div class="gwc iconfont" style="line-height: 78px; font-size: 18px;"> <span
                    style="font-size: 25px;">&#xeab2;</span> 购物车 （<span class="gwccc">0</span> ） </div>
        </div>
    </div>
    <!-- 开始 -->
    <div class="nav">
        您现在的位置： <a href="">>购物车</a>
    </div>

    <div class="zyym">
        <div class="shxx">
            <h3 style="font-weight: 900;color: #2e2e2e;font-size: 14px;">收货角色信息</h3>
            <div class="xzdq">
                <span style="line-height: 40px;font-size: 14px;color: #2e2e2e;">选择你的角色：</span>
                <span class="daqu">
                    &nbsp; 请选择大区
                </span>
                <span class="juese">
                    &nbsp; 当前大区无角色
                </span>
            </div>
        </div>


        <div class="xx">
            <h3 style="font-weight: 900;">
                商品信息
            </h3>
        </div>
        <div style="background-color: #f3f4f6;    margin: 0 16px;">
            <table border="0" style="margin: 0 auto; display: block;">
                <thead style="margin-bottom: 20px;display: block;border-bottom: 1px solid #666;">
                    <tr height="30">
                        <td width="100"><input type="checkbox" id="allflag"> 全选</td>
                        <td width="242">商品名称</td>
                        <td width="74">类型</td>
                        <td width="146">单价</td>
                        <td width="63">永久</td>
                        <td width="110">数量</td>
                        <td width="94">优惠</td>
                        <td width="146">小计</td>
                        <td width="136">操作</td>
                    </tr>
                </thead>

                <tbody class="spcar">



                    <tr>
                        <td>购物车中还是空的，快去选购吧</td>

                        <!-- <td width="100"></td>
                <td width="242"><img src="../dist/images/images/yxlm_06.png" alt="" class="bgtp">女帝 瑞尔</td>
                <td width="74">皮肤</td>
                <td width="146">79.00Q币</td>
                <td width="63">永久</td>
                <td width="110"></td>
                <td width="94">无优惠</td>
                <td width="146">79.00Q币</td>
                <td width="136"><a href="">关注</a><span>删除</span></td> -->
                    </tr>
                </tbody>


            </table>
        </div>


        <div class="shxx">
            <h3 style="font-weight: 900;color: #2e2e2e;font-size: 14px;">收货角色信息</h3>
            <div class="xzdq">
                <h5 style="font-size: 14px;">优惠券总量：<i style="color: red;">0</i> &nbsp; <a href="">如何获得优惠券>></a> </h5>
            </div>
        </div>
        <div class="tjdd">
            <span style="float: left;margin-left: 30px; ">
                <i style="color: red;">英雄联盟周边商城火热上线</i> <a href="" style="color: black;">查看详情</a>
            </span>
            <span class="tjan">提交订单</span>
            <span style="font-size:14px;color:#222;margin-right: 20px; ">实付款<i
                    style="font-weight: 900; font-size: 24px;color: #f74a4a;" class="allprice">0</i> Q币</span>

        </div>

        <div class="shxx">
            <h3 style="font-weight: 900;color: #2e2e2e;font-size: 14px;">收货角色信息</h3>
            <div class="xzdq1">
                <ul class="wxts">
                    <li style="color: red;">"LOL优惠券使用规则：[道具包]分类道具全场无法使用，每张优惠券的信息，请仔细核对以下信息：订单满减的金额是否符合要求、优惠券限定可用的道具范围。"
                    </li>
                    <li>"购买成功后系统会自动发货，如发货失败24小时内会自动补发。"</li>
                    <li>"请确认游戏中是否存在购物车中的英雄或皮肤，如果存在，请勿重复购买。"</li>
                    <li>"请重新登录游戏查收物品。"</li>
                </ul>
            </div>
        </div>

    </div>


    <!-- foot -->
    <div style="height: 331px;background-color: #3b3f4a; margin-top: 40px;padding-top: 25px;">
        <div style="width: 1250px;height: 150px;margin: 0 auto;margin-top: 25px;">
            <div style="width: 227px;height: 150px;border-right: 1px solid #444853;float: left;">
                <h5 style="width: 227px;margin-left: 55px;font-size: 15px;height: 30px;color: #acb1bb;"> <span
                        class="iconfont" style=" width: 227px; font-size: 20px;text-align: center;">&#xe6c5;</span> 我是新手
                </h5>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">什么是道聚城</h4>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">如何购买</h4>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">如何赠送</h4>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">如何获取聚豆</h4>
            </div>
            <div style="width: 227px;height: 150px;border-right: 1px solid #444853;float: left;">
                <h5 style="width: 227px;margin-left: 55px;font-size: 15px;height: 30px;color: #acb1bb;"> <span
                        class="iconfont" style=" width: 227px; font-size: 20px;text-align: center;">&#xe6c5;</span> 个人中心
                </h5>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">发货时间</h4>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">如何领取</h4>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">补发规则</h4>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">vip定价</h4>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">道具状态定义</h4>
            </div>
            <div style="width: 227px;height: 150px;border-right: 1px solid #444853;float: left;">
                <h5 style="width: 227px;margin-left: 55px;font-size: 15px;height: 30px;color: #acb1bb;"> <span
                        class="iconfont" style=" width: 227px; font-size: 20px;text-align: center;">&#xe6c5;</span> 支付方式
                </h5>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">支付方式</h4>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">购物点支付</h4>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">如何充值</h4>

            </div>
            <div style="width: 227px;height: 150px;border-right: 1px solid #444853;float: left;">
                <h5 style="width: 227px;margin-left: 55px;font-size: 15px;height: 30px;color: #acb1bb;"> <span
                        class="iconfont" style=" width: 227px; font-size: 20px;text-align: center;">&#xe6c5;</span>
                    腾讯在线服务</h5>
                <h4 style="width: 227px;height: 25px;font-size: 12px;margin-left: 80px;color: #acb1bb;">腾讯官方在线客服</h4>
                <img src="../dist/images/gongshang.png" alt=""
                    style="width: 119px;height: 49px;display: block;margin: 10px auto;">
            </div>
            <div style="float: left;">
                <div style="width: 240px;height: 135px;margin: 0 auto;">
                    <div style="width: 100px; height: 135px;float: left; ">
                        <img src="../dist/images/iii1.png" alt="" style="width: 100px;">
                        <h5
                            style="width: 100px ;height: 12px;margin-top: 20px; color: #a4abb4;font-size: 12px;text-align: center;">
                            掌上道聚城</h5>
                    </div>
                    <div style="width: 100px; height: 135px;float: right;">
                        <img src="../dist/images/iiii2.png" alt="" style="width: 100px;">
                        <h5
                            style="width: 100px ;height: 12px;margin-top: 20px;color: #a4abb4;font-size: 12px;text-align: center;">
                            道聚城公众号</h5>
                    </div>
                </div>

            </div>

        </div>

        <div style="margin: 0 auto;width:1250px ;height: 145px;border-top: 1px solid #444853;">
            <span
                style="display: block;width: 1000px;margin: 0 auto;text-align: center;color: #81858f;font-size: 12px;margin-top: 40px;">腾讯互动娱乐
                | 服务条款| 腾讯游戏隐私保护指引| 腾讯游戏儿童隐私保护指引| 广告服务 | 腾讯游戏招聘 | 腾讯游戏客服 | 游戏地图 | 成长守护平台 | 商务合作 | 网站导航</span>
            <span
                style="display: block;width: 1000px;margin: 0 auto;text-align: center;color: #81858f;font-size: 12px;">COPYRIGHT
                © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</span>
            <span
                style="display: block;width: 1000px;margin: 0 auto;text-align: center;color: #81858f;font-size: 12px;">腾讯公司
                版权所有</span>
        </div>
    </div>




</body>
<script src="./libs/require.js" data-main="./js/cartMain"></script>
<script>
    if (localStorage.getItem("token") !== "ok") {
        if (confirm("还未登录，是否去登录")) {
            location.href = "./denglu.html"
        } else {
            // location.href="./denglu.html"
            history.back()
        }



    };
    //  首页的登录守卫
    if (localStorage.getItem("token") === "ok") {
        $("#headdr1").css("display", "none");

        $("#headdr2").css("display", "block")
            .children("span").html("欢迎" + localStorage.getItem("un"));
        // console.log("66");
    }

    // 退出功能
    $(".tcgn").click(function () {
        location.href = "./gouwuche.html"
        console.log("88");
        localStorage.setItem("token", "");
        $("#headdr1").css("display", "block");

        $("#headdr2").css("display", "none");
    })
</script>


</html>